<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
<div id="iframeContent" style="border: 1px solid red;width: 1000px;height: 200px;overflow: auto;"></div>
<ul class="nav navbar-nav" id="indexMenu">
    <li><a target="index.html">首页</a></li>
    <li><a target="new/new.html">新闻</a></li>
    <li><a target="leave/leave.html">留言</a></li>
    <li><a target="download/download.html">资料下载</a></li>
</ul>

<script>
//            $(document).ready(function() {
//                $("#button").click(function() {
//                    $("#content").load("index.html");
//                });
//            });
$(function(){
    $.get("index.html",function(data){
        $("#iframeContent").html(data);//初始化加载界面
    });

    $('#indexMenu li').click(function(){//点击li加载界面
        var current = $(this),
                target = current.find('a').attr('target'); // 找到链接a中的targer的值
        $.get(target,function(data){
//            $("#iframeContent").html(data);
            $("#iframeContent").load(data);
        });
    });
});

</script>

</body>
</html>